import React from 'react'
import { Toast } from 'antd-mobile'
import { Route, Redirect } from 'react-router-dom'
import { isAuth } from '../../utils/auth'
const AuthRoute =  ({ component: Component, ...rest }) => {
  // 使用剩余参数接收
return (
  <Route
    // 将外界给路由匹配规则的另外属性放进来
    {...rest} 
    // 不使用component 
    // render 返回的是什么 该path就展示什么
    render = { props => {
        if (isAuth()) { //表示登录了，放行
          // 渲染向展示的组件
          return  <Component {...props}/>
        } else { // 未登录
          Toast.info('需要先登陆哦', 2)
          return  <Redirect 
          to={ // to属性可以传递一个字符串，也可以是对象，表示我从来哪来的，最后登录完了之后还要跳转呢
            {
              pathname:'/login',
              state: {
                from: props.location
              }
            }
          }
          />
        }
    } } 
  />
)
}
export default AuthRoute